<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>霓虹运</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/login.css" rel="stylesheet">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
</head>
<body>
	<!-- Header -->
    <div id="header">
    	<div class="header-top">
    		<div class="header-content">
    			<img src="images/phone.png" alt="">
    			<span>400电话：400-016-5580</span>
    			<ul>
    				<li>
    					<a href="javascript:;">登录</a>
    					<i>-</i>
    					<a href="javascript:;">注册</a>
    				</li>
    				<li class="my-account"><a href="javascript:;">我的账户</a></li>
    				<li class="help-center"><a href="javascript:;">帮助中心</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="header-bottom">
    		<div class="header-content">
    			<img src="images/logo.png" alt="">
	    		<ul class="nav">
	    			<li><a href="javascript:;">首页</a></li>
	    			<li><a href="javascript:;">关于我们</a></li>
	    			<li><a href="javascript:;">费用标准</a></li>
	    			<li><a href="javascript:;">海淘市场</a></li>
	    			<li><a href="javascript:;">帮助中心</a></li>
	    		</ul>	
    		</div>
    	</div>
    	<div id="login">
    		<img src="images/login-head.jpg" alt="">
    		<div class="login-content">
				<div id="login-box">
	    			<img src="images/login-icon.png" alt="">
	    			<div>
	    				<input type="text" placeholder="输入用户名" id="userName">
	    			</div>
	    			<div>
	    				<input type="password" placeholder="输入密码" id="password">
	    			</div>
	    			<p id="remember" class="hide"></p>
	    			<button type="button" class="btn" id="login-btn">登录</button>
	    			<a href="javascript:;" id="forget">忘记密码？</a>
	    			<div id="regist-now">
	    				<p>您还没有霓虹账号？</p>
	    				<a href="javascript:;" class="regist-btn">注册</a>
	    			</div>
				</div>
    		</div>
    	</div>
    </div>
	<!-- Content -->
    <div id="content">
    	<div id="notice">
    		<img src="images/notice.png" alt="">
    		<h3>最新公告</h3>
    		<p>霓虹速递上线啦，尊享优惠爽不停</p>
    		<p>霓虹速递新活动，优惠不停赢好礼</p>
    	</div>
    	<div id="order">
    		<img src="images/edit.png" alt="">
    		<h3>运单查询</h3>
    		<p>请输入订单号进行查询</p>
    		<p  id="order-search"><input type="text" >
            <img src="images/search.png" alt="">
            </p>
    	</div>
    	<div id="service">
    		<img src="images/ask.png" alt="">
    		<h3>在线客服</h3>
    		<p><img src="images/qq.png" alt=""></p>
    	</div>
    </div>

    <div id="coperation">
    	<ul>
    		<li>合作伙伴 ></li>
    		<li><img src="images/adv1.png" alt=""></li>
    		<li><img src="images/adv2.png" alt=""></li>
    		<li><img src="images/adv3.png" alt=""></li>
    		<li class="adv4"><img src="images/adv4.png" alt=""></li>
    		<li><img src="images/adv5.png" alt=""></li>
    		<li><img src="images/adv6.png" alt=""></li>
    	</ul>
    </div>
	<!-- Footer -->
    <div id="footer">
    	<div class="footer-content">
	    	<ul>
    			<li><a href="javascript">关于我们</a></li>
    			<li><a href="javascript">联系我们</a></li>
    			<li><a href="javascript">免责声明</a></li>
    			<li><a href="javascript">隐私政策</a></li>
    			<li><a href="javascript">服务条款</a></li>
    			<li><a href="javascript">版权所有</a></li>
    			<li><a href="javascript">补传身份信息</a></li>
	    	</ul>
    	</div>
		<p id="copyright">Copyright©2016  霓虹转运 nihongyun.com 版权所有｜沪ICP备 15033187</p>
		<p>推荐使用Google Chrome和IE10以上版本浏览器访问本站</p>
    </div>
</body>
</html>